<template>
    <div class="category">
        <!-- 作用域插槽，就是传个参数给slot，在外面能够直接调用到这个参数 -->
        <!-- 插槽的作用是：父组件往子组件插入HTML结构 -->
        <slot :users="users"></slot>
    </div>
</template>

<script>
    export default {
        name : "Category",
        data(){
            return {
                users:[
                    {
                        game:"6666666666666666666666666666666",
                        id:'001',
                    }
                ]
            }
        }
    }
</script>

<style scoped>
    .category{
        background-color: skyblue;
        width: 200px;
        height: 300px;
    }
    h3{
        text-align: center;
        background-color: orange;
    }
</style>